/* color start*/

.s-primary {
	background: #5677fc;
	color: #fff;
}

.s-danger {
	background: #ed3f14;
	color: #fff;
}

.s-red {
	background: #ff201f;
	color: #fff;
}

.s-warning {
	background: #ff7900;
	color: #fff;
}

.s-green {
	background: #19be6b;
	color: #fff;
}

.s-white {
	background: #fff;
	color: #333;
}

.s-black {
	background: #000;
	color: #fff;
}

.s-gray {
	background: #ededed !important;
	color: #999 !important;
}

/* color end*/

/* badge start*/

.s-badge-dot {
	height: 8px;
	width: 8px;
	border-radius: 4px;
	line-height: 1;
}

.s-badge {
	font-size: 12px;
	line-height: 1;
	padding: 3px 6px;
	border-radius: 50px;
}

.s-badge-small {
	transform: scale(0.8);
	transform-origin: center center;
}

/* badge end*/